@charset "UTF-8";


.large {
    width: 100%;
    height: auto;
}

.inline {
    width: 100%;
	padding-left:10%;
	padding-right:15%;
}


.back {
    width: 100%;
    height: auto;
}


.overquote {
    width: 350px;
	padding-left:0%;
	float:left;
}

.quote {
    width: 300px;
	border-top:2px solid #1b224f;
	border-bottom:2px solid #1b224f;
	padding-left:2%;
	padding-right:2%;
	float:left;
}


.parahead { 
font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#000000;
font-size:36px;
padding-top:20px;
margin-left:100px;
margin-bottom:20px;
margin-right:100px;
line-height:39px;
}


.subpara { 
font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#000000;
font-size:19px;
margin-left:100px;
margin-bottom:10px;
margin-right:200px;
line-height:23px;
}




.div.transbox {
background-color: #14426e;
  opacity: 0.7;
  filter: alpha(opacity=70); /* For IE8 and earlier */
}  

.div.transbox2 {
background-color: #14426e;
  opacity: 0.8;
  filter: alpha(opacity=80); /* For IE8 and earlier */
}

.read {padding-left:10%;
padding-right:28%;}

.readintro {padding-left:10%;
padding-right:21%;}


#home {
	position:relative;
	padding:0;
	background-image: url(https://lloydslist_ftp.informabi.com/cssdirectory/ports/images/port-background.jpg);

}
  



@media (max-width: 766px) {
	
	
.read {padding-left:3%; 
padding-right:15%}

.readintro {padding-left:3%;
padding-right:15%;}

.inline {
    width: 100%;
	padding-left:3%;
	padding-right:0%;
}



.parahead { 
font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#000000;
font-size:26px;
padding-top:20px;
margin-left:50px;
margin-bottom:20px;
margin-right:50px;
line-height:29px;
}


.subpara { 
font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#000000;
font-size:17px;
margin-left:50px;
margin-bottom:10px;
margin-right:50px;
line-height:19px;
}


.overquote {
    width: 100%;
	padding-left:0%;
	padding-right:15%;
	float:left;
}

.quote {
    width: 100%;
	border-top:2px solid #1b224f;
	border-bottom:2px solid #1b224f;
	padding-left:2%;
	padding-right:2%;
	float:left;
}

	
	
}


@media (max-width: 479px) {	

.read {padding-left:0%;
padding-right:5px;}

.readintro {padding-left:0%;
padding-right:5%;}

.inline {
    width: 100%;
	padding-left:0%;
	padding-right:0%;
}


.overquote {
    width: 100%;
	padding-left:0%;
	float:left;
}

.quote {
    width: 100%;
	border-top:2px solid #1b224f;
	border-bottom:2px solid #1b224f;
	padding-left:0%;
	padding-right:0%;
	float:left;
}




}

@media (max-width: 320px) {	

.read {padding-left:0%;
padding-right:5%}

.readintro {padding-left:0%;
padding-right:5%;}

.inline {
    width: 100%;
	padding-left:0%;
	padding-right:0%;
}

}